<div class="el-date-editor el-range-editor el-input__inner el-date-editor--daterange"
  ng-class="[ isVisible ? 'is-active' : '',  size ? 'el-range-editor--' + size : '']">
  <!-- 图标区域 -->
  <i class="el-input__icon el-range__icon el-icon-date"></i>
  <!-- 开始日期输入 -->
  <input type="text" class="el-range-input" ng-click="openPicker('start')" ng-model="startText" ng-disabled="disabled"
    placeholder="{{ startPlaceholder || '开始日期' }}">

  <span class="el-range-separator">至</span>

  <!-- 结束日期输入 -->
  <input type="text" class="el-range-input" ng-click="openPicker('end')" ng-model="endText" ng-disabled="disabled"
    placeholder="{{ endPlaceholder || '结束日期' }}">

  <!-- 清除按钮 -->
  <i class="el-input__icon el-range__close-icon" ng-class="{ 'el-icon-circle-close': showClear }" ng-click="clear($event)"></i>

  <!-- 日期选择面板 -->
  <div class="el-picker-panel el-date-range-picker el-popper" ng-show="isVisible" ng-style="panelPosition">
    <div class="el-picker-panel__body-wrapper">
      <div class="el-picker-panel__body">
        <div class="el-picker-panel__content el-date-range-picker__content"
          ng-class="{ 'is-left': panel.align === 'left', 'is-right':  panel.align === 'right' }"
          ng-repeat="panel in [leftPanel, rightPanel]">
          <div class="el-date-range-picker__header">
            <button type="button" aria-label="前一年"
              class="el-picker-panel__icon-btn el-date-picker__prev-btn el-icon-d-arrow-left" ng-click="changeYear(-1)"
              ng-if="panel.align === 'left'"></button>
            <button type="button" aria-label="上个月"
              class="el-picker-panel__icon-btn el-date-picker__prev-btn el-icon-arrow-left" ng-click="changeMonth(-1)"
              ng-if="panel.align === 'left'"></button>
            <span ng-if="panel.align === 'left'">{{ leftPanel.date | date: 'yyyy年MM月' }}</span>
            <span ng-if="panel.align === 'right'">{{ rightPanel.date | date: 'yyyy年MM月' }}</span>
            <button type="button" aria-label="后一年"
              class="el-picker-panel__icon-btn el-date-picker__next-btn el-icon-d-arrow-right" ng-click="changeYear(1)"
              ng-if="panel.align === 'right'"></button>
            <button type="button" aria-label="下个月"
              class="el-picker-panel__icon-btn el-date-picker__next-btn el-icon-arrow-right" ng-click="changeMonth(1)"
              ng-if="panel.align === 'right'"></button>
          </div>

          <div class="el-date-table">
            <table>
              <thead>
                <tr>
                  <th ng-repeat="day in ['日','一','二','三','四','五','六']">{{ day }}</th>
                </tr>
              </thead>
              <tbody>
                <tr ng-repeat="week in panel.weeks">
                  <td ng-repeat="day in week" ng-class="getDayClass(day)" ng-click="selectDate(day.date)" ng-mouseenter="onMouseenter(day.date)">
                    <div>
                      <span>{{ day.date | date: 'd' }}</span>
                    </div>
                  </td>
                </tr>
              </tbody>
            </table>
          </div>
        </div>
      </div>
    </div>
  </div>
</div>